<template>
  <div id="fengkong" class="containerset">
    <div class="layer layer-wind">
      <div class="lay-title lay-title1">
        <div class="tit">全流程支持风控体系</div>
        <div class="tip">全流程支持风控体系，不良率低于0.03%</div>
      </div>
      <div class="wind">
        <div class="item item1">
          <div class="tit">贷前审核</div>
          <div class="tip">银行级风控体系<br>共享多方征信大数据</div>
        </div>
        <div class="item item2">
          <div class="tit">贷中预警</div>
          <div class="tip">平台大数据实时预警<br>车联网技术预警</div>
        </div>
        <div class="item item3">
          <div class="tit">贷后支持</div>
          <div class="tip">订单逾期预警协催 / 不良订单处置支持<br>车联网技术支持</div>
        </div>
        <div class="item item4">
          <div class="tit">数据安全</div>
          <div class="tip">双专线加密传输<br>银行级安全防范机制<br>阿里云数据安全及负载均衡</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

  export default {
      // data(){
      //
      // }
  }
</script>

<style scoped>
  #fengkong{
    width: 100%;
    min-width: 1200px;
  }

  .layer {
    width: 100%;
    min-width: 1200px;
    margin: auto;
    overflow: hidden;
    position: relative;
    padding-top: 50px;
  }

  .layer-wind>.wind {
    width: 1200px;
    margin: auto;
    height: 500px;
    position: relative;
    background: url(../assets/index-lay1-2.png) no-repeat bottom center
  }

  .layer-wind>.wind>.item {
    position: absolute
  }

  .layer-wind>.wind>.item>.tit {
    margin-bottom: 7px;
    color: #666;
    font-size: 18px;
    font-weight: 700
  }

  .layer-wind>.wind>.item>.tip {
    color: #999;
    line-height: 20px;
    font-size: 12px
  }

  .layer-wind>.wind>.item>.tit {
    margin-bottom: 7px;
    color: #666;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 2px solid #f0f0f0;
    text-align: center;
  }

  .layer-wind>.wind>.item>.tip {
    color: #999;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
  }

  .layer-wind>.wind>.item1 {
    left: 200px;
    top: 90px;
    text-align: right
  }

  .layer-wind>.wind>.item2 {
    left: 870px;
    top: 120px;
    text-align: right
  }

  .layer-wind>.wind>.item3 {
    left: 880px;
    top: 350px;
    text-align: left
  }

  .layer-wind>.wind>.item4 {
    left: 150px;
    top: 320px;
    text-align: left
  }

</style>
